<template>
    <ve-histogram :data="chartData" :extend="chartExtend" height="100%"></ve-histogram>
</template>
<script>
  export default {
    name: "DataViewB1",
    data () {
      return {
        chartData: {
          columns: ['x','y'],
          rows: [],
        },
        chartExtend:{
          title: {
            text:'成绩信息条形图',
            textAlign:'center',
            left:'center'
          },
          yAxis:{
            name:'分数',
            position:'left',
            nameTextStyle: {
              fontSize: 18,
            }
          },
          legend:{
            show: false
          }
        },
      }
    },
    methods:{
      getData(){
        this.$axios.post('/getB1Data',{classId:this.classId})
            .then(res=>{
              this.chartData.rows=res.data;
            })
      }
    },
    mounted() {
      if(this.classId!=='')
        this.getData();
    },
    watch:{
      classId(){
        this.getData();
      }
    },
    props:["classId"]
  }
</script>


<style scoped>

</style>
